<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
<div ng-controller="orderPayController">
	<div class="form-group" style="margin: 0px;" id="queryOrderResportSerchModel">
		<div class="row">

			<label class="col-sm-1 control-label text-right">运营商</label>
			<div class="col-sm-2">
				<div class="input-group">
					<select ng-options="service.merchantCode as service.shortName  for service in listMerchantByManagerId"
							ng-model="orderSummaryModel.merchantCode" class="form-control">
						<option value="">请选择运营商</option>
					</select>
				</div>
			</div>
			<div class="col-sm-1">
				<div class="input-group">
					<button type="button" class="btn btn-primary" ng-click="queryOrderInfo()"><i class="fa "></i>查询
					</button>
				</div>
			</div>
			<div class="col-sm-1">

				<div class="table_btn_box">
					<a class="btn blue" onClick="tableAdd(this,'pay');" ng-click="pay();"><i class="fa fa-plus"></i>转账</a>
				</div>
			</div>
		</div>
		<div class="row">


		</div>
	</div>
	<hr />
	<table class="table table-striped table-bordered table-hover" id="table_1">
		<thead>
			<tr>
				<th>运营商</th>
				<th>金额</th>
				<th>已付金额</th>
			</tr>
		</thead>
		<tbody>
			<tr class="odd gradeX" ng-repeat-start="l in query track by $index"   on-loaded="false" target-table="table_1">
				<td><input type="checkbox" class="checkboxes" value="{{l.merchantCode}}" name="merchantCodeBox"				/><span ng-bind="l.merchantCodeName"></span></td>
				<td><span ng-bind="l.price">元</span></td>
				<td><span ng-bind="l.alreadyPaid">元</span></td>
			</tr>
			<tr ng-repeat-end></tr>
		</tbody>
	</table>
	   <div class="ngPaper">
	     <ngpaper  page-count="pageCount" current-page="currentPage" on-page-change="onPageChange()" first-text="首页" next-text="下一页" prev-text="上一页" last-text="尾页"></ngpaper>
    </div>

	<div id="pay" class="modal fade" role="dialog" aria-hidden="true" data-backdrop="false">
		<div class="modal-dialog" style="width:1200px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 class="modal-title" ng-bind="openTitle"></h4>
				</div>
				<div class="modal-body form">
					<table class="table table-striped table-bordered table-hover" id="table_1">
						<thead>
						<tr>
							<th>运营商</th>
							<th>金额</th>
							<th>已付金额</th>
							<th>本次支付金额</th>
						</tr>
						</thead>
						<tbody>
						<tr class="odd gradeX" ng-repeat-start="l in checkBoxs track by $index"   on-loaded="false" target-table="table_1">
							<td><input type="hidden"  ng-model="l.merchantCode"><span ng-bind="l.merchantCodeName"></span></td>
							<td><span ng-bind="l.price">元</span></td>
							<td><span ng-bind="l.alreadyPaid">元</span></td>
							<td> <input  type="number"  ng-model="l.payPrice">元</td>
						</tr>
						<tr>
							<td>验证码</td>
							<td> <input id="checkCode" type="text"  ng-bind="checkCode"></td>
							<td><button   class="btn btn-primary" ng-click="getCheckCode();"><i class="fa fa-check"></i>获取验证码</button></td>
							<td></td>
						</tr>
						<tr ng-repeat-end></tr>
						</tbody>
					</table>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="submit" class="btn btn-primary" ng-click="editData();"><i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
		</div>
</div>
<!-- END CONTENT -->
<!-- END CONTAINER -->
<script src="/static/common/plugin/pagination/src/ng-pagination.js" type="text/javascript"/>
<link href="/static/common/plugin/pagination/src/ng-pagination.css" rel="stylesheet" />
<script>
$(function(){dz_public_init();});
</script>
</body>
<!-- END BODY -->
</html>